<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="test.php"method="post">
        <!-- 明文输入框 readonly只读 -->
        用户:<input type="text"readonly>
<!-- 暗文输入框 -->
 <!-- br强制换行 -->
 密码:<input type="password"><br>
 <!-- 单选按钮 
  互相排斥加入同一个选项组
  labed点击文字让表单元素聚焦-->
  性别：
  <label>
  男:<input name="gender" value="male" type="radio">
</label>
<!-- checked默认选 -->
<label>
  女:<input checked name="gender" value="female" type="radio">
</label><br>
<!-- 复选框 -->
 爱好：
 吃饭<input type="checkbox" name="hobbies" value="eat">密码
 睡觉<input type="checkbox" name="hobbies" value="sleep">
 打暗区<input type="checkbox" name="hobbies" value="Play Dark Zone Breakout">
 <hr><!-- 分割线 -->
 <!-- 下拉框 -->
  <select name="city">
    <!-- disabled禁止用 -->
    <option disabled label="一线城市">
    <option  value="suzhou">苏州</option>
    <option  value="changzhou">常州</option>
    <option  value="wuxi">无锡</option>
</option>
  </select>
  <!-- 多行文本框 -->
  <textarea></textarea>
  <!-- 进度条 -->
   <progress value="70" max="100"></progress>
   <!-- 滑块 -->
    <input type="range" min="0" max="10" step="1">
    <!-- 日期选择器 -->
     <input type="date">
     <!-- 时间选择器 -->
     <input type="datetime-local">
     <!-- 颜色拾取器 -->
     <input type="color">
     <!-- 提交按钮 -->
     <input type="submit" value="提交">
     <input type="button" value="普通按钮">
</body>

</html>